<template>
  <view class="container">
    <slot></slot>
  </view>
</template>

<script>
  export default {
    name: "PageSafeContainer"
  }
</script>

<style scoped lang="scss">
  .container {
    // padding-top: var(--status-bar-height);
    background: #FAFAFA;
    height: 100vh;
    padding-bottom: calc(constant(safe-area-inset-bottom));
    padding-bottom: calc(env(safe-area-inset-bottom));
    box-sizing: border-box;
    overflow: hidden;
  }
</style>